<header class="flexbox" th:fragment="header(title,lang)">
    <span class="return_top"><i onclick="goBack()"></i>
        <div id="language-switcher">
            <div class="current-flag">
                <img th:src="|/static/img/lang/${lang}.png|" alt="English" th:data-lang="${lang}">
            </div>
            <div class="flag-list" style="display: none;">
                <img src="/static/img/lang/en.png" alt="English" data-lang="en">
                <img src="/static/img/lang/fr.png" alt="French" data-lang="fr">
                <img src="/static/img/lang/ru.png" alt="Russian" data-lang="ru">
                <img src="/static/img/lang/ar.png" alt="Arabic" data-lang="ar">
                <img src="/static/img/lang/bn.png" alt="Bengali" data-lang="bn">
                <img src="/static/img/lang/es.png" alt="Spanish" data-lang="es">
                <img src="/static/img/lang/pt.png" alt="Portuguese" data-lang="pt">
                <img src="/static/img/lang/id.png" alt="Indonesia" data-lang="id">
                <img src="/static/img/lang/hi.png" alt="Hindi" data-lang="hi">
            </div>
        </div>
    </span>
    <a class="flex1 title" th:text="${title}">title</a>
    <div class="nav_more">
        <ul>
            <li class="search"></li>
            <li class="more"></li>
        </ul>
    </div>
</header>